.init {
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.start {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: url("../img/bg.jpg");
    background-size: 100% 100%;
}

.start .img {
    width: 80%;
    height: auto;
}

.main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: url("../img/bg.jpg");
    background-size: 100% 100%;
}

.main .carousel {
    width: 80%;
    height: 75%;
}

.main .carousel ul {
    width: 100%;
    height: 100%;
}

.result {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: url("../img/bg.jpg");
    background-size: 100% 100%;
}

.result img.img {
    width: 80%;
    height: auto;
}

.score {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.score span.red {
    color: red;
    font-size: 20px;
}